<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>地址列表</title>
    <script src="../js/jquery-2.1.1.min.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/vue.min.js"></script>
    <script src="../address_list/address_list.js"></script>
    <link rel="stylesheet" href="../css/commodity.css">
</head>
<body>
<button class="button" onclick="create_address()">创建新地址</button>
<h3>地址列表</h3>
<hr>
<div id="add_list">
    <div v-for="item in address_list">
        <div @click="chose_address(item.id)">
            <div>收货人: {{ item.name }}</div>
            <div>电话: {{ item.phone }}</div>
            <div>地址: {{ item.add_province }}{{ item.add_city }}{{ item.add_district }}</div>
            <div>详细地址: {{ item.add_detail }}</div>
        </div>
        <div @click="chose_default(item.id)"><input type="radio" name="address" :value="item.id" id="{{ item.id }}"
                                                    v-model="address_default">默认地址
        </div>
        <div>
            <button @click="address_mod( item.id )">修改</button>
            <button @click="address_delete( item.id )">删除</button>
        </div>
    </div>
</div>
</body>
</html>